<template>
  <div id="app">
    <button @click="show">显示</button>
    <drawer-layout>
      <template #content>
        <div>
          <div>
            <div>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facilis porro accusantium possimus, a assumenda repellendus dignissimos aspernatur. Dolorem, totam molestiae quisquam nesciunt expedita ipsam itaque doloremque. Consectetur, ipsum velit! Ratione.</div>
            <div>Mollitia consequatur ratione distinctio quas commodi necessitatibus quam vitae harum laboriosam iusto neque eius ad aperiam, ducimus perspiciatis repudiandae, placeat magni dolorum sit laborum porro! Repellat earum maxime dolores voluptatum?</div>
            <div>Debitis omnis fuga necessitatibus blanditiis error? Nihil assumenda libero amet nostrum quo a sapiente at iusto? Nam amet ratione consectetur eligendi, facere voluptatem ut? Nesciunt quod maxime veritatis in sit!</div>
            <div>Modi inventore eaque ratione nemo. Itaque unde, optio repellendus asperiores perferendis vel praesentium consequatur non? Consectetur quia vel sit doloremque fugit voluptatum distinctio? Laboriosam deserunt voluptatibus sunt quidem adipisci placeat.</div>
            <div>Dolorem et vitae illum est corporis maxime error, similique quo consectetur ad delectus necessitatibus nemo quis inventore quam odit nisi autem, commodi reiciendis ducimus quasi quas numquam voluptate. Dignissimos, doloribus.</div>
            <div>Eaque dignissimos magni natus, provident exercitationem aliquid sunt perferendis harum autem eum nostrum doloremque optio nihil commodi ab veritatis ut reiciendis earum adipisci aperiam quam. Fugiat, quidem? Recusandae, assumenda dolore.</div>
            <div>Obcaecati similique exercitationem voluptas ex, in voluptate modi deleniti ipsam asperiores eveniet quisquam culpa reiciendis cupiditate perspiciatis voluptates a sapiente. Odio recusandae quasi, quas et incidunt iure ea ab blanditiis!</div>
            <div>Aut quam tenetur vel tempora animi repudiandae at est expedita nam iusto dignissimos, maxime ad natus, quos iste molestiae laboriosam obcaecati? Omnis sapiente nemo dolor nostrum laudantium ducimus ipsam delectus!</div>
            <div>Debitis illo delectus doloribus a nam ipsum molestias, veritatis adipisci cum sunt ut voluptate perspiciatis harum labore exercitationem esse cumque impedit dolorem distinctio ea nihil provident qui corporis? Aperiam, dolores.</div>
            <div>Temporibus fuga eligendi nostrum est quidem. Ullam quia inventore, soluta sapiente repellat commodi error ratione, aspernatur quos dolor eligendi neque est iure quisquam. Numquam, quia. At quibusdam error voluptatum numquam.</div>
          </div>
        </div>
      </template>
    </drawer-layout>
  </div>
</template>

<script>
import DrawerLayout from '@/components/drawerlayout';
export default {
  name: 'App',
  methods: {
    show(){
      alert('hello word')
    }
  },
  components: {
    DrawerLayout
  }
}
</script>

<style lang="scss">
*{
  margin: 0;
  padding: 0;
}
</style>
